<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<html>
<head>
    <title>注册</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" href="javascript:window.history.go(-1);">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white unBorder'>注册</h1>
    </header>
    <!-- top bar end-->

    <div class="content content-padded" style="margin: .5rem 0;">
        <article class="card">
            <div class="card-header">
                <div class="lr-header" th:text="'欢迎来到'+${infoMap['appName']}"></div>
            </div>
            <div class="card-content lr__wrap">
                <div class="card-content-inner">
                    <div class="list-block">
                        <ul class="lr-content__wrap">
                            <li>
                                <div>
                                    <div class="item-input form-control pr">
                                        <span class="lr-tel-ico new-tel-ico">
                                            <em class="iconfont icon-shoujihao"></em>
                                        </span>
                                        <input id="user-mobile" placeholder="请输入手机账号" name="mobile" type="text"/>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <div class="item-input form-control vCode_box  pr">
                                        <span class="lr-tel-ico new-tel-ico">
                                            <em class="iconfont icon-xiaoxi1"></em>
                                        </span>
                                        <input placeholder="请输入验证码"  name="mobileCode"  type="text"/>
                                        <aside class="vcode_wrap">
                                            <a href="javascript:void (0);" class="button" id="sendRand">获取验证码</a>
                                            <a href="javascript:void (0);" class="button disabled hide" id="countdown">59s后重新获取</a>
                                        </aside>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <div class="item-input form-control pr">
                                        <span class="lr-tel-ico new-tel-ico">
                                            <em class="iconfont icon-mima"></em>
                                        </span>
                                        <input placeholder="请输入密码" name="password" type="password">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <div class="item-input form-control pr">
                                        <span class="lr-tel-ico new-tel-ico">
                                            <em class="iconfont icon-mima"></em>
                                        </span>
                                        <input placeholder="请输入确认密码" name="confirmPwd" type="password">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="clearfix">
                                    <aside class="pull-left register-ft__wrap" style="margin: 1.5rem -.5rem 0;">
                                        <label class="label-switch label-switch-small">
                                            <input type="checkbox" id="noticeOfRegistration" checked value="1"/>
                                            <div class="checkbox"></div>
                                        </label>
                                        <span>我已阅读并同意</span>
                                        <a th:href="@{/mobile/user/toProtocolPageView}"  class="lr-links">《用户注册协议》</a>
                                    </aside>
                                </div>
                            </li>
                        </ul>
                        <div class="content-block">
                            <p class="lr-suBtn__wrap">
                                <a href="javascript:void(0);" class="button button-big button-round" id="registerBtn" th:text="'注册，进入'+${infoMap['appName']}"></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </div>
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/zepto/zepto.min.js?v={v}(path=${staticPath},v=${v})}' charset="utf-8"></script>
    <script th:src="@{{path}/common/libs/jquery.serializeJSON/jquery.serializejson.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/cookie/cookie-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/mobile/business/common/global.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/mobile/business/user/login/common-login-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src='@{{path}/front/mobile/libs/wmui/0.6.2/js/wm.min.js?v={v}(path=${staticPath},v=${v})}' charset="utf-8"></script>
    <script th:src="@{{path}/common/pv/pv-statistics-count.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/user/login/s-message.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/user/login/register.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{{path}/common/jsencrypt/jsencrypt.min.js?v={v}(path=${staticPath},v=${v})}"> </script>
    <script th:inline="javascript" type="text/javascript">
        var staticPath =[[ ${staticPath}]];
        var SHARE_KEY =[[${SHARE_KEY}]];
        var uploadPath =[[ ${uploadPath}]];
        var siteTile =[[${infoMap['company']}]];
        var baseloaction = [[${#httpServletRequest.getContextPath()}]];
        var logoUrl = [[${logoMap['url']}]];
        pv_statistics_count(uploadPath);
        var publicKey = [[${keyMap['publicKey']}]];
        var sign = [[${keyMap['sign']}]];
        if(baseloaction === "/"){
            baseloaction="";
        }
        var invitationKey =[[${invitationKey}]];

    </script>
</body>
</html>